import React from 'react'
import { NavBar, Swiper } from 'antd-mobile'
const Home = () => {
    const data = [
        "../images/1.jpg",
        "../images/2.jpg",
        "../images/3.jpg",
        "../images/4.jpg",
    ]
    return (
        <div>
            
            <NavBar backIcon={false}>首页</NavBar>
            <Swiper>
                {
                    data.map((v, i) => {
                        return <Swiper.Item key={i}>
                            <img src={v} alt='' style={{
                                width: "100%", height: "200px"
                            }} />
                        </Swiper.Item>
                    })
                }
            </Swiper>
        </div>
    )
}

export default Home
